<template>
  <div id="module">
    <h1>{{ msg }}</h1>
    <div id="module-one">
      <ul class="mui-table-view">
          <li class="mui-table-view-cell">便民服务</li>
          <li class="mui-table-view-cell">
              <a class="mui-navigate-right">犬只免疫点</a>
          </li>
          <li class="mui-table-view-cell">
              <a class="mui-navigate-right">养犬须知</a>
          </li>
          <li class="mui-table-view-cell">
              <a class="mui-navigate-right">养犬登记流程</a>
          </li>
      </ul>
    </div>
    <div id="moudule-two" class="moudule-two mui-table">
      <div class="mui-table-cell mui-col-xs-10 mui-col-xs-2">犬主寻犬</div>
      <div class="mui-table-cell mui-col-xs-10 mui-col-xs-2">信息发布</div>
      <div class="mui-table-cell mui-col-xs-10 mui-col-xs-2">犬只领养</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'HelloWorld',
    data() {
      return {
        msg: '德清犬类管理'
      }
    }
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .moudule-two{
      margin-top: 10px;
      background: gray;
    }
</style>
